<!DOCTYPE html>
<html>
<head>
<title>核查人员信息</title>
<#include "/header.html" />
    <link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.css">
    <script src="${request.contextPath}/statics/libs/bootstrap-table.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.extension.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/tree.table.js"></script>
    <link href="${request.contextPath}/statics/css/swiper.min.css" rel="stylesheet" type="text/css" />
    <link href="${request.contextPath}/statics/css/style_min.css" rel="stylesheet" type="text/css" />
</head>
<style>
    .form-horizontal {
        width: auto;
    }
    .ECalendarBox{ z-index: 10000}
    .currenttime{visibility: hidden}
    .t-table, .t-table td, .t-table tr {
        border: 1px solid #6c5500;
    }
    .t-table {
        width: 90%;
        margin: 3% auto;
    }
    .t-label {
        width: 15%;
        background: #fdf7df;
        color: #6c5500;
        line-height: 50px;
        text-align: center;
    }
    .t-label-r {
        width: 10%;
    }
    .t-content {
        width: 45%;
        color: #0a8cfd;
        text-indent: 5px;
        line-height: 50px;
    }
</style>
<body>
<div id="rrapp" v-cloak>
	<div v-show="showList">
		<div class="grid-btn">
            <div class="form-group col-sm-2">
                <input type="text" class="form-control" v-model="q.name" @keyup.enter="query" placeholder="名称">
            </div>
            <a class="btn btn-default" @click="query">查询</a>
			<#if shiro.hasPermission("qyxxddryhc:save")>
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			</#if>
			<#if shiro.hasPermission("qyxxddryhc:update")>
            <a class="btn btn-modify" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			</#if>
			<#if shiro.hasPermission("qyxxddryhc:delete")>
            <a class="btn btn-delete" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			</#if>
		</div>
	    <table id="jqGrid"></table>
	    <div id="jqGridPager"></div>
    </div>

<div v-show="!showList && !showDetail" class="panel panel-default">
    <div class="panel-heading">{{title}}</div>
    <form class="form-horizontal container">
        <!--<div class="col-sm-12">-->
            <!--<div class="form-group col-sm-6">-->
                <!--<div class="col-sm-4 control-label">企业代码</div>-->
                <!--<div class="col-sm-8">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDdRyhc.ryhcQydm" placeholder="企业代码"/>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="form-group col-sm-6">-->
                <!--<div class="col-sm-4 control-label">企业名称</div>-->
                <!--<div class="col-sm-8">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDdRyhc.ryhcQymc" placeholder="企业名称"/>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <div class="col-sm-12">
            <div class="form-group col-sm-6">
                <div class="col-sm-4 control-label"><b style="color: #c30">*</b>登记序号</div>
                <div class="col-sm-8">
                    <input type="text" class="form-control" v-model="qyxxDdRyhc.ryhcDjxh" placeholder="登记序号"/>
                </div>
            </div>
            <div class="form-group col-sm-6">
                <div class="col-sm-4 control-label"><b style="color: #c30">*</b>姓名</div>
                <div class="col-sm-8">
                    <input type="text" class="form-control" v-model="qyxxDdRyhc.ryhcXm" placeholder="姓名"/>
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group col-sm-6">
                <div class="col-sm-4 control-label">证件号码</div>
                <div class="col-sm-8">
                    <input type="text" class="form-control" v-model="qyxxDdRyhc.ryhcZjhm" placeholder="证件号码"/>
                </div>
            </div>
            <div class="form-group col-sm-6">
                <div class="col-sm-4 control-label">性别</div>
                <div class="col-sm-8">
                    <select class="form-control" v-model="qyxxDdRyhc.ryhcXbdmName" >
                        <option v-for="item in cyryXbdmName" v-bind:value="item.text">{{item.text}}</option>
                    </select>
                </div>
            </div>
            <!--<div class="form-group col-sm-6">-->
                <!--<div class="col-sm-4 control-label">性别代码</div>-->
                <!--<div class="col-sm-8">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDdRyhc.ryhcXbdmName" placeholder="性别代码"/>-->
                <!--</div>-->
            <!--</div>-->
        </div>
        <div class="col-sm-12">

            <div class="form-group col-sm-6">
                <div class="col-sm-4 control-label">出生日期</div>
                <div class="col-sm-8">
                    <input type="text" id="csdate" class="form-control ECalendar " v-model="qyxxDdRyhc.ryhcCsrqName" placeholder="出生日期"/>
                </div>
            </div>
        <!--</div>-->
        <!--<div class="col-sm-12">-->
            <!--<div class="form-group col-sm-6">-->
                <!--<div class="col-sm-4 control-label">出生日期代码</div>-->
                <!--<div class="col-sm-8">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDdRyhc.ryhcCsrqCode" placeholder="出生日期代码"/>-->
                <!--</div>-->
            <!--</div>-->
            <div class="form-group col-sm-6">
                <div class="col-sm-4 control-label">民族</div>
                <div class="col-sm-8">
                    <select class="form-control" v-model="qyxxDdRyhc.ryhcMzdmName"   placeholder="民族">
                        <option v-for="item in ryhcMzdmName" v-bind:value="item.dname">{{item.dname}}</option>
                    </select>
                </div>
            </div>
        </div>
        <!--<div class="col-sm-12">-->
            <!--<div class="form-group col-sm-6">-->
                <!--<div class="col-sm-4 control-label">民族代码</div>-->
                <!--<div class="col-sm-8">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDdRyhc.ryhcMzdmCode" placeholder="民族代码"/>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="form-group col-sm-6">-->
                <!--<div class="col-sm-4 control-label">户口所在地区号</div>-->
                <!--<div class="col-sm-8">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDdRyhc.ryhcHkszdxzqhdmName"-->
                           <!--placeholder="户口所在地区号"/>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <div class="col-sm-12">
            <!--<div class="form-group col-sm-6">-->
                <!--<div class="col-sm-4 control-label">户口所在地区号代码</div>-->
                <!--<div class="col-sm-8">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDdRyhc.ryhcHkszdxzqhdmCode"-->
                           <!--placeholder="户口所在地区号代码"/>-->
                <!--</div>-->
            <!--</div>-->
            <div class="form-group col-sm-6">
                <div class="col-sm-4 control-label">户口所在地详址</div>
                <div class="col-sm-8">
                    <input type="text" class="form-control" v-model="qyxxDdRyhc.ryhcHkszdxz" placeholder="户口所在地详址"/>
                </div>
            </div>
            <div class="form-group col-sm-6">
                <div class="col-sm-4 control-label">核查时间</div>
                <div class="col-sm-8">
                    <input type="text" id="hcdate" class="form-control ECalendar" v-model="qyxxDdRyhc.ryhcHcsjName" placeholder="核查时间"/>
                </div>
            </div>
        </div>
        <!--<div class="col-sm-12">-->
            <!--&lt;!&ndash;<div class="form-group col-sm-6">&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="col-sm-4 control-label">核查时间代码</div>&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="col-sm-8">&ndash;&gt;-->
                    <!--&lt;!&ndash;<input type="text" class="form-control" v-model="qyxxDdRyhc.ryhcHcsjCode" placeholder="核查时间代码"/>&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
           <!---->
        <!--</div>-->
        <div class="col-sm-12">
            <div class="form-group col-sm-6">
                <div class="col-sm-4 control-label">核查申请人</div>
                <div class="col-sm-8">
                    <input type="text" class="form-control" v-model="qyxxDdRyhc.ryhcHcsqr" placeholder="核查申请人"/>
                </div>
            </div>
            <div class="form-group col-sm-6">
                <div class="col-sm-4 control-label">核查申请人手机</div>
                <div class="col-sm-8">
                    <input type="text" class="form-control" v-model="qyxxDdRyhc.ryhcHcsqrsj" placeholder="核查申请人手机"/>
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group col-sm-6">
                <div class="col-sm-4 control-label">照片</div>
                <div class="col-sm-8">
                    <upload-img :model="qyxxDdRyhc.ryhcSfzPhoto" modelname="qyxxDdRyhc.ryhcSfzPhoto"></upload-img>
                </div>
            </div>
        </div>

        <div class="col-sm-12">
            <div class="col-sm-5"></div>
            <div class="form-group">
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </div>
    </form>
</div>

<div v-show="!showList && showDetail" class="panel panel-default">
    <div class="panel-heading">{{title}}</div>
    <table class="t-table">
        <tbody>
        <tr>
            <td class="t-label">企业名称</td>
            <td class="t-content">{{qyxxDdRyhc.ryhcQymc}}</td>
            <td rowspan="8" style="width: 9%" class="t-label t-label-r">照片</td>
            <td rowspan="8" style="text-align: center"><img  :src="qyxxDdRyhc.ryhcSfzPhoto" style="width: 80%"></td>
        </tr>
        <tr>
            <td class="t-label">登记序号</td>
            <td class="t-content">{{qyxxDdRyhc.ryhcDjxh}}</td>
        </tr>
        <tr>
            <td class="t-label">姓&#12288&#12288名</td>
            <td class="t-content">{{qyxxDdRyhc.ryhcXm}}</td>
        </tr>
        <tr>
            <td class="t-label">性&#12288&#12288别</td>
            <td class="t-content">{{qyxxDdRyhc.ryhcXbdmName}}</td>
        </tr>
        <tr>
            <td class="t-label">出生日期</td>
            <td class="t-content">{{qyxxDdRyhc.ryhcCsrqName}}</td>
        </tr>
        <tr>
            <td class="t-label">证件号码</td>
            <td class="t-content">{{qyxxDdRyhc.ryhcZjhm}}</td>
        </tr>
        <tr>
            <td class="t-label">户口所在地详址</td>
            <td class="t-content">{{qyxxDdRyhc.ryhcHkszdxz}}</td>
        </tr>
        <tr>
            <td class="t-label">民&#12288&#12288族</td>
            <td class="t-content">{{qyxxDdRyhc.ryhcMzdmName}}</td>
        </tr>
        <!--<tr>-->
            <!--<td class="t-label">户口所在地区号</td>-->
            <!--<td class="t-content" colspan="3">{{qyxxDdRyhc.ryhcHkszdxzqhdmName}}</td>-->
        <!--</tr>-->
        <tr>
            <td class="t-label">核查时间</td>
            <td class="t-content">{{qyxxDdRyhc.ryhcHcsjName}}</td>
            <td class="t-label t-label-r">核查申请人</td>
            <td class="t-content">{{qyxxDdRyhc.ryhcHcsqr}}</td>
        </tr>
        <tr>
            <td class="t-label">核查申请人手机</td>
            <td class="t-content" colspan="3">{{qyxxDdRyhc.ryhcHcsqrsj}}</td>
        </tr>
        </tbody>
    </table>
    <button class="btn btn-warning center-block" @click="function() { vm.showList = true;vm.showDetail = false; }">返回</button>
</div>

</div>
<script>
    $(function () {

        $("#csdate").ECalendar({
            type:"date",   //模式，time: 带时间选择; date: 不带时间选择;
            stamp : false,   //是否转成时间戳，默认true;
            offset:[0,2],   //弹框手动偏移量;
            format:"yyyymmdd",    //时间格式 默认 yyyy-mm-dd hh:ii;
            skin:"#0a8cfd",   //皮肤颜色，默认随机，可选值：0-8,或者直接标注颜色值;
            step:10,   //选择时间分钟的精确度;
            callback:function(v,e){

            } //回调函数
        });
        $("#hcdate").ECalendar({
            type:"time",   //模式，time: 带时间选择; date: 不带时间选择;
            stamp : false,   //是否转成时间戳，默认true;
            offset:[0,2],   //弹框手动偏移量;
            format:"yyyy-mm-dd hh:ii",    //时间格式 默认 yyyy-mm-dd hh:ii;
            skin:"#0a8cfd",   //皮肤颜色，默认随机，可选值：0-8,或者直接标注颜色值;
            step:10,   //选择时间分钟的精确度;
            callback:function(v,e){

            } //回调函数
        });

    })
</script>
<script src="${request.contextPath}/statics/libs/Ecalendar.jquery.min.js"></script>
<script src="${request.contextPath}/statics/js/modules/hcry/qyxxddryhc.js?_${.now?long}"></script>
</body>
</html>